<template>
  <div class="person">
    ？？？
  </div>
</template>

<script lang="ts" setup>
  import {type PersonInter ,type Persons} from "@/types/index.ts";
  import {ref} from "vue";

  // let person:PersonInter = {
  //   id:'sahdujashj01',
  //   name:'坤哥',
  //   age:21
  // }

  // let person:Persons = [
  //   {id:'sahdujashj01', name:'坤哥1', age:22},
  //   {id:'sahdujashj02', name:'坤哥2', age:23},
  //   {id:'sahdujashj03', name:'坤哥3', age:24}
  // ]

  let person:Array<PersonInter> = [
    {id:'sahdujashj01', name:'坤哥1', age:22},
    {id:'sahdujashj02', name:'坤哥2', age:23},
    {id:'sahdujashj03', name:'坤哥3', age:24}
  ]


</script>

<style scoped>
  .person{
    background-color: skyblue;
    box-shadow: 0 0 10px;
    border-radius: 10px;
    padding: 20px;
  }
</style>
